/****************Estilos***********/


body{
	text-align:center;
	background-color: #999999;
	margin: 0px;
	padding: 0px;
	font-family: monospace;
	font-size: 12px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 20px 15px;
}

.global{
	background-color: gray;
	width: 1000px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
        -webkit-box-shadow: 0px 0px 15px 8px #000000;
        box-shadow: 0px 0px 15px 8px #000000;
}

.cabecera{
	width: 1000px;
	height: 100px;
        background-image: url('../imagenes/arriba.png');
}

.panelDerecha{
	width: 150px;
	height: 500px;
	float: right;
        background-image: url('../imagenes/der.png');
}

.panelIzquierda{
	width: 150px;
	height: 500px;
	float: left;
        background-image: url('../imagenes/izq.png');
}

.panelCentral{
	width: 700px;
	height: 500px;
	background-color: #FFFFFF;
	margin-left: 150px;
        background-image: url('../imagenes/centro.png');
        overflow: auto;
}

input{
	border:solid 1px #CCCCCC;
	font: Arial;
	font-size:12px;
}


.titulos{
       font-size: 14px;
       font-weight: bold;
       background-color: #4678DC;
       color: #FFFFFF;
       padding: 3px;
}


.mitad{
	background: #FFFFFF url('../imagenes/ing_header.png') no-repeat; 
	
		/* Background-size not implemented yet */  
	-webkit-background-size: 100%;  
	-o-background-size: 100%;  
	-khtml-background-size: 100%;  
        background-size: 100%;
		/* Border-radius not implemented yet */  
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;
        border-radius: 20px;
}

.columnas{
	width: 50%;
	text-align: justify;
	
		/* Column-count not implemented yet */  
	-moz-column-count: 2;  
	-webkit-column-count: 2;
        column-count:2;

		/* Column-gap not implemented yet */  
	-moz-column-gap: 20px;  
	-webkit-column-gap: 20px;
        column-gap: 20px;
}

.imagenSombra{
	margin: 22px 0;  
	-webkit-box-shadow: 4px 4px 7px #000000;
        box-shadow: 4px 4px 7px #000000;
}

.zebraPar{
       background-color: #FFFFFF;
       width: 100px;
}

.zebraImpar{
       background-color: #FFF000;
       width: 100px;
}

table{
       background-color: yellowgreen;
}

/* CLASE DE LOS HIPERVINCULOS   */
a:visited	{text-decoration:none; color: #0A1FB7}
a:active	{text-decoration:none; color: #0A1FB7}
a:link		{text-decoration:none; color: #0A1FB7}
a:hover		{text-decoration:underline; color: #0A1FB7}








/**  ACORDION DE LA IZQUIERDA   */
#acordionIzq {
       list-style: none;
       padding: 0px 0px 0px 0px;
       width: 120px;
       font-family: Arial;
}
#acordionIzq li{
       display: block;
       background-color: #036E35;
       font-weight: bold;
       color: #E6E6E6;
       margin: 3px;
       cursor: pointer;
       padding: 7px 7px 7px 7px;
       list-style: circle;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       border-radius: 10px;
}
#acordionIzq ul {
       list-style: none;
       padding:  0px 0px 0px 0px;
       display: none;
}
#acordionIzq ul li{
       font-weight: normal;
       cursor: auto;
       background-color: #fff;
       padding: 5px 5px 5px 5px;
}
#acordionIzq a {
       text-decoration: none;
}
#acordionIzq a:hover {
       text-decoration: underline;
}




/**  ACORDION DE LA DERECHA   */
#acordionDer {
       list-style: none;
       padding: 0px 0px 0px 0px;
       width: 120px;
       font-family: Arial;
}
#acordionDer li{
       display: block;
       background-color: #A0A00A;
       font-weight: bold;
       color: #E6E6E6;
       margin: 3px;
       cursor: pointer;
       padding: 7px 7px 7px 7px;
       list-style: circle;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       border-radius: 10px;
}
#acordionDer ul {
       list-style: none;
       padding:  0px 0px 0px 0px;
       display: none;
}
#acordionDer ul li{
       font-weight: normal;
       cursor: auto;
       background-color: #fff;
       padding: 5px 5px 5px 5px;
}
#acordionDer a {
       text-decoration: none;
}
#acordionDer a:hover {
       text-decoration: underline;
}


